<!DOCTYPE html>
<html> 
  <head>
    <meta charset="utf-8">
    <title>俄罗斯方块</title>  
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body> 
    <h1>俄罗斯方块(a左 s下 d右 w旋转)</h1>
    <hr>
    <div id="container" class="erluosi-container">
      <div id="main" class="erluosi-main"></div>
      <div id="simple" class="erluosi-simple"></div>
      <div id="info" class="erluosi-info"></div>
      <div id="btns" class="erluosi-btns"> 
        <button id="start">开始</button>
        <button id="stop">停止</button>
        <button id="pause">暂停</button>
        <button onclick="window.open('docs/index.html');">文档</button>
      </div>
    </div>  
    <script type="text/javascript" src="lib/raphael.min.js"></script>
    <script type="text/javascript" src="lib/ext-core.min.js"></script>
    <script type="text/javascript" src="data/data.js"></script> 
    <script type="text/javascript" src="config.js"></script>
    
    <script type="text/javascript" src="clazz/Tetris_Box.js"></script>
    <script type="text/javascript" src="clazz/Tetris_Simple.js"></script>
    <script type="text/javascript" src="clazz/Tetris.js"></script>
    <script type="text/javascript"> 
      var game = new Game.tiny.Tetris("main","simple","info",config);
      document.getElementById('start').addEventListener('click',function(){
         game.start();
      }); 
      document.getElementById('stop').onclick = function(){
         game.stop();
      }
      document.getElementById('pause').onclick = function(){
         game.pause();
      }
      game.addControl();
    </script>
  </body>
</html>